<template>
  <div class="result">
    <Header title="儿童生长发育自测"></Header>
    <div class="m-main">
      <div class="m-main-hend">
        <router-link to="/result/stature">
          <span>身高</span>
        </router-link>
        <router-link to="/result/weight">
          <span>体重</span>
        </router-link>
      </div>
      <router-view></router-view>
      <div class="m-main-content">
            <div class="m-con-item">
                <div class="m-con-title">
               [建议]:
            </div>
            <div class="m-con-p">
                <p>建议定期带孩子接受健康检查和生长发育评价;</p>
                <p>对于日龄3岁以上儿童:建议每年1次;</p>
            </div>
            </div>
            <div class="m-con-item">
                <div class="m-con-title">
               [身高管理]:
            </div>
            <div class="m-con-p">
                <p>每月进行身高测量,参考发育标准曲线,定期检测儿童生长发育轨迹</p>
            </div>
            </div>
            <div class="m-con-item">
                <div class="m-con-title">
               [营养建议]:
            </div>
            <div class="m-con-p">
                <p>1,建议在选择食物时,注意选择富含优质蛋白质、钙、铁、锌和维生素A,D丰富的食物。如牛奶和奶制品(对于婴幼儿来说尽量母乳喂养)，鱼蛋肉禽，大豆制品和蔬菜水果(尤其是黄绿色果蔬)等;</p>
                <p>2,主食(米、面、粗粮等碳水化合物)是主要的能量来,源,足够主食可以节约蛋白质,使蛋白质能充分为身体所利用;</p>
                <p>3,除非处于高碘地区,否则建议使用碘盐。(2岁以内儿童勺饮食中无需额外添加盐) ;</p>
                <p>4·纠正不良的饮食习惯,避免挑食偏食,控制高脂、高盐、高糖的食物摄入,保证膳食多样化;</p>
                <p>5,必要时咨询医生,使用营养补充剂</p>
            </div>
            </div>
        </div>
    </div>
  </div>
</template>

<script>
import Header from "../components/Header";
export default {
  name: "result",
  components: {
    Header
  }
};
</script>

<style lang='scss' scoped>
.result {
  .m-main {
    border-top: 1px solid #ccc;
  }
  .m-main-hend {
    display: flex;
    a {
      height: 50px;
      margin: 0 15px;
      padding-top: 10px;
      &.router-link-exact-active {
        span {
          color: #000;
          font-weight: 700;
          border-bottom: 2px solid #f00;
        }
      }
      span {
        padding: 5px 0;
        color: #ccc;
      }
    }
  }
  .m-main-content{
        padding:0 18px;
        .m-con-title{
            font-size: 16px;
            font-weight: 800;
            line-height: 60px;
        }
        .m-con-p{
            p{
                line-height: 25px;
                font-size: 14px;
            }
        }
    }
}
</style>
